/*
    ----------------------------------------
    Midori Tables CSS
    Sean Mitchell, sean.mitchell@nform.ca
    04 / 14 / 09
    ----------------------------------------
*/



/* TABLE
--------------------------------------------- */
#content .body .panel .table {
    padding: 0 10px 0 10px;
}
#content .body .panel .table td {
    border-bottom: 1px solid #D2D2D2;
    padding: 12px 0 12px 0;
}
#content .body .panel .table .borderless td {
    border: none;
    padding-bottom: 6px;
}
#content .body .panel-title table tr th img { vertical-align: middle; }
#content .body .panel-title table tr th a p { text-decoration: underline; }



/* TABLE > OPEN
--------------------------------------------- */
#content .body .panel .table .open {
    background-color: #F5F0EB;
}
#content .body .panel .table .open td {
    border: none;
}
#content .body .panel .table .open td.task,
#content .body .panel .table .open td.issue {
    background-color: #F5F0EB;
}



/* TABLE > STATUS
--------------------------------------------- */
#content .body .panel .table .status td {
    background: #F5F0EB;
    padding: 0 0 0 63px;
}



/* TABLE > STATUS-WRAP
--------------------------------------------- */
#content .body .panel .table .status-wrap {
    float: left;
    width: 510px;
}
#content .body .panel .table .status-wrap .status-details {
    border-top: 1px solid #D2D2D2;
	float: left;
    padding: 12px 8px 12px 8px;
	width: 494px;
}
#content .body .panel .table .status-wrap .status-details dt {
	font-size: 9px;
	font-weight: bold;
    padding-bottom: 6px;
    text-transform: uppercase;
}
#content .body .panel .table .status-wrap .status-details dd textarea {
    background: #FFFAF5;
	border: 1px solid #D2D2D2;
	border-radius: 4px;
    color: #464646;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	padding: 8px;
    width: 476px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#content .body .panel .table .status-wrap .status-details dd textarea:focus {
	border: 1px solid #969696;
}
#content .body .panel .table .status-wrap .status-progress {
	float: left;
    border-top: 1px solid #D2D2D2;
    padding: 9px 0 11px 0;
	width: 510px;
}
#content .body .panel .table .status-wrap .status-progress dt {
	float: left;
	font-size: 9px;
	font-weight: bold;
    padding: 8px 0 0 8px;
    text-transform: uppercase;
	width: 142px;
}
#content .body .panel .table .status-wrap .status-progress dd {
	background: url(/_layouts/images/Kiiro/timeline-arrow.png) no-repeat;
    color: #FA6414;
	float: left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: bold;
	line-height: 32px;
    padding-left: 50px;
	width: 310px;
}
#content .body .panel .table .status-wrap .status-button {
    border-top: 1px solid #D2D2D2;
	float: left;
    padding: 16px 0 14px 7px;
	width: 503px;
}




/* TABLE-ACTIVE
--------------------------------------------- */
#content .body .panel .panel-wrap .table .table-active
{
	margin-bottom: 4px;
}
#content .body .panel .table-active h2
{
	float: left;
	font-weight: bold;
}
#content .body .panel .table-active .project-title-column
{
	width: 250px;
	padding: 0px;
}
#content .body .panel .table-active .project-title
{
	width: 249px;
	padding:10px 0px 10px 9px;
}
#content .body .panel .table-active .status-column
{
	width:340px;
}
#content .body .panel .table-active .status
{
	width:340px;
	padding:10px 0px 10px 0px;
}
#content .body .panel .table-active .timeline
{
	width: 340px;
}
#content .body .panel .table-active .start-column,
#content .body .panel .table-active .due-column
{
	width: 95px;
}
#content .body .panel .table-active .start,
#content .body .panel .table-active .due
{
	width: 95px;
	padding:10px 0px 10px 0px;
}
#content .body .panel .table-active .project-manager-column
{
	width: 125px;
	font-weight:bold;
}
#content .body .panel .table-active .project-manager 
{
	width: 125px;
	font-weight:bold;
	padding:10px 0px 10px 0px;
}
#content .body .panel .table-active .timeline .progress 
{
	float: left;
    margin: 0 0 0 0;
}
#content .body .panel .table-active .timeline img 
{
	float: left;
	margin-right: 8px;
}
#content .body .panel .table-active .timeline .progress span 
{
    display: none;
}
#content .body .panel .table-active .timeline .progress-gutter 
{
	float: left;
	background: url(/_layouts/images/Kiiro/progress-gutter.gif) no-repeat;
    display: block;
    margin-right: 8px;
	height: 23px;
	width: 234px;
}
#content .body .panel .table-active .timeline .progress-bar 
{
	float: left;
	background: url(/_layouts/images/Kiiro/progress-bar.gif) no-repeat #696969;
    display: block;
	height: 23px;
}

/* TABLE-BEING-PLANNED
--------------------------------------------- */

#content .body .panel .table-being-planned .title {
    width: 414px;
}
#content .body .panel .table-being-planned .title h2 {
    font-weight: bold;
    padding: 12px 0 12px 0;
}
#content .body .panel .table-being-planned td.title {
    padding-left:11px;
}
#content .body .panel .table-being-planned .start,
#content .body .panel .table-being-planned .due {
    width: 110px;
}
#content .body .panel .table-being-planned .manager,
#content .body .panel .table-being-planned .project-manager {
    width: 220px;
}
#content .body .panel .table-being-planned td.manager,
#content .body .panel .table-being-planned td.project-manager {
	font-weight: bold;
}
#content .body .panel .table-being-planned .edit {
    text-align: right;
    width: 60px;
}
#content .body .panel .table-being-planned td.edit {
    padding: 1em;
}



/* TABLE-CLOSED
--------------------------------------------- */
#content .body .panel .table-closed .title {
    width: 414px;
}
#content .body .panel .table-closed .title h2{
	font-weight: bold;
    padding: 12px 0 12px 0;
}
#content .body .panel .table-closed td.title {
    padding-left: 11px;
}
#content .body .panel .table-closed .start,
#content .body .panel .table-closed .due,
#content .body .panel .table-closed .closed {
    width: 110px;
}
#content .body .panel .table-closed .manager,
#content .body .panel .table-closed .project-manager {
    width: 220px;
}
#content .body .panel .table-closed td.manager,
#content .body .panel .table-closed td.project-manager {
	font-weight: bold;
}
#content .body .panel .table-closed .edit {
    text-align: right;
    width: 60px;
}
#content .body .panel .table-closed td.edit {
    padding-right: 1em;
}



/* TABLE-PROJECT-WORK
--------------------------------------------- */
#content .body .panel .table-project-work td {
    vertical-align: top;
}
#content .body .panel .table-project-work td img 
{
	margin-left: 8px;
    vertical-align: middle;
}

#content .body .panel .table-project-work th.title {
    width: 604px;
}
#content .body .panel .table-project-work .title {
    width: 544px;
}

#content .body .panel .table-project-work th.portal-item {
    width: 360px;
}
#content .body .panel .table-project-work .portal-item {
    width: 298px;
}
#content .body .panel .table-project-work .portal-project {
    width: 272px;
}
#content .body .panel .table-project-work .portal-item,
#content .body .panel .table-project-work .portal-project {
    font-weight: bold;
}

#content .body .panel .table-project-work tr.status .closed {
    display: none;
}
#content .body .panel .table-project-work .title .items {
    border-left: 1px solid #C8C8C8;
    font-weight: normal;
    margin-left: 11px;
    padding: 0 0 1px 11px;
}
#content .body .panel .table-project-work td.title {
    padding-left: 6px;
}
#content .body .panel .table-project-work td.title,
#content .body .panel .table-project-work td.title h2 {
    font-weight: bold;
}
#content .body .panel .table-project-work td.title h3,
#content .body .panel .table-project-work td.title h3 a {
    color: #7D7D7D;
}
#content .body .panel .table-project-work td.title h3 a:hover {
	color: #1E1E1E;
}
#content .body .panel .table-project-work td.title h4  {
    font-weight: bold;
}
#content .body .panel .table-project-work .due {
    width: 180px;
}
#content .body .panel .table-project-work .update {
    text-align: right;
    width: 160px;
}
#content .body .panel .table-project-work td.update {
    padding-right: 6px;
}
#content .body .panel .table-project-work .borderless td {
    padding-bottom: 9px;
}
#content .body .panel .table-project-work tr.borderless.status td {
    padding-bottom: 0;
}
#content .body .panel .table-project-work td.task,
#content .body .panel .table-project-work td.issue {
    padding-left: 71px;
    
}
#content .body .panel .table-project-work td.task {
	background: url(/_layouts/images/Kiiro/label-task-slim.png) 8px 10px no-repeat;
}
#content .body .panel .table-project-work td.issue {
	background: url(/_layouts/images/Kiiro/label-issue-slim.png) 8px 10px no-repeat;
}



/* TABLE-TEAM
--------------------------------------------- */
#content .body .panel .table-team td {
    vertical-align: top;
}
#content .body .panel .table-team .image {
    width: 66px;
}
#content .body .panel .table-team td.image {
    padding-left: 8px;
}
#content .body .panel .table-team td.image a {
	display: block;
	height: 48px;
	width: 48px;
	border: 1px solid #D2D2D2;
}
#content .body .panel .table-team td.image a:hover {
	border: 1px solid #464646;
}
#content .body .panel .table-team .name {
    width: 206px;
}
#content .body .panel .table-team td.name {
    width: 210px;
}
#content .body .panel .table-team .name h2,
#content .body .panel .table-team .name h3 {
    font-weight: bold;
}
#content .body .panel .table-team .contact {
    width: 228px;
}
#content .body .panel .table-team td.contact,
#content .body .panel .table-team .role {
    width: 230px;
}
#content .body .panel .table-team td.role {
    color: #7D7D7D;
}
#content .body .panel .table-team .pm {
    text-align: center;
    width: 130px;
}
#content .body .panel .table-team .edit {
    text-align: right;
    width: 60px;
}
#content .body .panel .table-team td.edit {
    padding-right: 6px;
}



/* TABLE-USERS
--------------------------------------------- */
#content .body .panel .table-users td {
    vertical-align: top;
}
#content .body .panel .table-users .image {
    width: 57px;
}
#content .body .panel .table-users td.image {
    padding-left: 6px;
    width: 60px;
}
#content .body .panel .table-users td.image a {
	display: block;
	height: 48px;
	width: 48px;
	border: 1px solid #D2D2D2;
}
#content .body .panel .table-users td.image a:hover {
	border: 1px solid #464646;
}
#content .body .panel .table-users .name {
    width: 318px;
}
#content .body .panel .table-users td.name {
    padding-right: 16px;
    width: 303px;
}
#content .body .panel .table-users .name h2,
#content .body .panel .table-users .name h3 {
    font-weight: bold;
}
#content .body .panel .table-users .name h4 {
    color: #7D7D7D;
}
#content .body .panel .table-users .contact,
#content .body .panel .table-users td.contact {
    width: 239px;
}
#content .body .panel .table-users .company,
#content .body .panel .table-users td.company {
    width: 160px;
}
#content .body .panel .table-users .isadmin {
    text-align: center;
    width: 80px;
}
#content .body .panel .table-users .edit {
    text-align: right;
    width: 60px;
}
#content .body .panel .table-users td.edit {
    padding-right: 6px;
}



/* TABLE-DISCUSSIONS
--------------------------------------------- */
#content .body .panel .table-discussions td {
    vertical-align: top;
    word-wrap: break-word;
}
#content .body .panel .table-discussions td img {
	margin-right: 5px;
    vertical-align: middle;
    max-width: 380px;
    width: expression(this.width>380?"380px":"auto");
    -ms-interpolation-mode: bicubic;
}
#content .body .panel .table-discussions td h2 {
    font-weight: bold;
}
#content .body .panel .table-discussions .image {
    width: 66px;
}
#content .body .panel .table-discussions td.image {
    padding-left: 6px;
}
#content .body .panel .table-discussions td.image a {
	display: block;
	height: 48px;
	width: 48px;
	border: 1px solid #D2D2D2;
}
#content .body .panel .table-discussions td.image a:hover {
	border: 1px solid #464646;
}
#content .body .panel .table-discussions .post {
    padding-right: 12px;
    width: 396px;
}
#content .body .panel .table-discussions td.post h2 {
	padding-bottom: 8px;
}
#content .body .panel .table-discussions td.post h2 a {
	font-size: 1.2em;
}
#content .body .panel .table-discussions .started,
#content .body .panel .table-discussions .last {
    width: 160px;
}
#content .body .panel .table-discussions td.started,
#content .body .panel .table-discussions td.last 
{    
    color: #7D7D7D;
}
#content .body .panel .table-discussions .comments {
    text-align: center;
    width: 100px;
}
#content .body .panel .table-discussions td.comments {
    padding-right: 6px;
}



/* TABLE-DOCUMENT-HISTORY
--------------------------------------------- */
#content .body .panel .table-document-history .version {
    width: 80px;
}
#content .body .panel .table-document-history td.version {
    padding-left: 6px;
}
#content .body .panel .table-document-history .date {
    width: 514px;
}
#content .body .panel .table-document-history td.date {
    font-weight: bold;
}
#content .body .panel .table-document-history .user {
    width: 140px;
}
#content .body .panel .table-document-history td.user {
    font-weight: bold;
}
#content .body .panel .table-document-history .size {
    width: 80px;
}
#content .body .panel .table-document-history .revert {
    text-align: right;
    width: 80px;
}
#content .body .panel .table-document-history td.revert {
    padding-right: 6px;
}
#content .body .panel .table-document-history .borderless td {
    padding-bottom: 9px;
}









/* TABLE-PERSON-PROJECTS
--------------------------------------------- */
#content .body .panel .table-person-projects .activity ul li
{
	padding: .2em 0 .2em 8px;
	width: 905px;
}
#content .body .panel .table-person-projects h2
{
	float: left;
	font-weight: bold;
}
#content .body .panel .table-person-projects .title,
#content .body .panel .table-person-projects .timeline, 
#content .body .panel .table-person-projects .start,  
#content .body .panel .table-person-projects .end 
{
	float: left;
}
#content .body .panel .panel-title.table-person-projects .title,
#content .body .panel .panel-title.table-person-projects .start,
#content .body .panel .panel-title.table-person-projects .end 
{
	padding: 0;
}
#content .body .panel .panel-content.table-person-projects .title,
#content .body .panel .panel-content.table-person-projects .start,
#content .body .panel .panel-content.table-person-projects .end 
{
	padding: .7em 0;
}
#content .body .panel .table-person-projects .title
{
	width: 290px;
}
#content .body .panel .table-person-projects .timeline
{
	width: 360px;
}
#content .body .panel .table-person-projects .start,
#content .body .panel .table-person-projects .end  
{
	width: 105px;
}
#content .body .panel .table-person-projects .timeline .progress 
{
	float: left;
    margin: 7px 0 0 0;
}
#content .body .panel .table-person-projects .timeline img 
{
	float: left;
	margin-right: 8px;
}
#content .body .panel .table-person-projects .timeline .progress span 
{
    display: none;
}
#content .body .panel .table-person-projects .timeline .progress-gutter 
{
	float: left;
	background: url(/_layouts/images/Kiiro/progress-gutter.gif) no-repeat;
    display: block;
    margin-right: 8px;
	height: 23px;
	width: 234px;
}
#content .body .panel .table-person-projects .timeline .progress-bar 
{
	float: left;
	background: url(/_layouts/images/Kiiro/progress-bar.gif) no-repeat #696969;
    display: block;
	height: 23px;
}


/* TABLE-MAINNAV-ITEMS
--------------------------------------------- */
#content .body .panel .table-nav-items td,
#content .body .panel .table-nav-items th
{
	overflow: hidden;
}
#content .body .panel .table-nav-items td 
{
    vertical-align: middle;
}
#content .body .panel .table-nav-items th,
#content .body .panel .table-nav-items .title,
#content .body .panel .table-nav-items td.title h2 
{
	font-weight: bold;
}
#content .body .panel .table-nav-items td.title h2
{
    padding-left:12px;
}

#content .body .panel .table-nav-items .title, 
#content .body .panel .table-nav-items .targetUrl
{
    width: 250px;
}
#content .body .panel .table-nav-items .siteLevel,
#content .body .panel .table-nav-items .sequence,
#content .body .panel .table-nav-items .isVisible
{
    width: 90px;
}
#content .body .panel .table-nav-items .actions 
{
    text-align: right;
    width:60px;
}
#content .body .panel .table-nav-items td 
{
    border-bottom: 1px solid #D2D2D2;
    padding: 12px 0 12px 0;
}
#content .body .panel .table-nav-items .borderless td {
    border: none;
    padding-bottom: 6px;
}


/* TABLE-GENERIC-ITEMS
--------------------------------------------- */

#generic-panel-title {
	background: url(/_layouts/images/Kiiro/panel-title.gif) no-repeat;
	float: left;
    height: 31px;
    line-height: 31px;
    padding: 0px 10px 0px 18px;
	width: 925px;
}
#generic-table {
	float: left;
    padding: 10px 10px 10px 10px;
	width: 925px;
}
#content .body .panel .table-generic-items td
{
	overflow: hidden;
}
#content .body .panel .table-generic-items th
{
	overflow: hidden;
	font-weight: bold;
}
#content .body .panel .table-generic-items td 
{
    vertical-align: middle;
}
#content .body .panel .table-generic-items .itemsTitle 
{
    width: 225px;
	font-weight: bold;
}
#content .body .panel .table-generic-items td.itemsTitle 
{
    width: 225px;
    padding-left:12px;
}
#content .body .panel .table-generic-items .itemsTitle h2 
{
	font-weight: bold;
}
#content .body .panel .table-generic-items .actions 
{
    text-align: right;
    width:65px;
}
#content .body .panel .table-generic-items td.actions 
{
    width:60px;
}

#content .body .panel .table-generic-items td {
    border-bottom: 1px solid #D2D2D2;
    padding: 12px 0 12px 0;
}
#content .body .panel .table-generic-items .borderless td {
    border: none;
    padding-bottom: 6px;
}

#content .body .panel .sort a {
	color:Gray;
	text-decoration:underline;
}

#content .body .panel .sort img {
	padding-left:5px;
	margin-bottom:-2px;
	vertical-align:text-top;
}



/*************************************************************************
*
*
*
*
*
*
*
*
*
*
*
*
*************************************************************************/